﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,400,300,600);

/* RESET CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select { vertical-align:middle; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; }
.clearfix:after { clear: both; content: ""; font-size: 0;  height: 0; display: block; visibility: hidden; }
.clearfix { *display: inline-block; height: 1%; }

/* Framework */
body {font-family: 'Open Sans', sans-serif; font-size:13px;padding:30px 0;}
a:link, a:visited {text-decoration:none;color:#F60;
    outline: medium none;
    transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
    -moz-transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
    -webkit-transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
    -o-transition: color 0.2s, background-color 0.5s, border-color 0.2s, background-image 0.5s;
}
.container {width:997px;
margin:0 auto;
}

/* SLIDE */
.top_head {margin-bottom:15px;padding:10px;background:url('../Images/bg_header.png') repeat;}
.top_head .title{width:1004px;height:65px;}
.top_head .title img {float:left;padding:10px 0 5px 5px;}
.top_head .title h4 {float:left;color:#d9d5df;font-size:25px;margin:12px 0 0 20px; }
.top_head .slider {background:#fff;height:300px;}
.top_head .slides img {width:1004px;height:300px;}
    
/* MENU */     
.menu {margin:0 51px 15px;float:left;}
.menu li {font-size:16px;border-right:1px solid #9a9a9b;border-left:1px solid #9a9a9b;padding:0 5px;float:left;}
.menu li:first-child {border-left:2px solid #9a9a9b;}
.menu li:last-child {border-right:2px solid #9a9a9b;}
.menu li a {color:White;text-decoration:none;display:block;padding: 10px 28px;}
.menu li a.active {background:url('../Images/bg_header.png') repeat;color:#da9751;}
.menu li a:hover {background:url('../Images/bg_header.png') repeat;color:#da9751;}

/* MAIN */
#main {}
#main .content_left {background:#040404;padding:10px;width:26%;float:left;}
#main .content_right {background:#040404;padding:10px;width:69%;float:right;}
#main .content {background:url('../Images/bg_header.png') repeat;padding:10px;}
.content .loginForm {height: 365px;width: 400px;margin: 60px 0px 0px 435px;background: #89886a;padding-top: 1px;}
.content .loginForm h3{color:#c8ab89;padding:5px 15px;background:#1a1a1a;font-size:20px;border-left:2px solid #fff;margin:10px}
.content .loginForm .login{width:100%;}
#txtUserName{background: #fff;border: 1px solid #e2e2e2;padding: 2px 5px;font-size: 13px!important;font-family: 'Muli',sans-serif;width: 135px;border-radius: 3px;}
#txtPassword{background: #fff;border: 1px solid #e2e2e2;padding: 2px 5px;font-size: 13px!important;font-family: 'Muli',sans-serif;width: 135px;border-radius: 3px;}
#btnLogin{background: #89886a;font-size: 17px!important;
        font-family: 'Muli',sans-serif;margin: 25px 0px 0px 70px;;border: none;
        color: #fff;width: 46px;padding: 5px 0px;}
.logout {float: right;width: auto;height: auto;margin: 25px 40px 0px 0px;}
.logout #lblUser{float: left;color: #fff;font-size: 16px;padding: 0px 15px 0px 15px;border-right: 1px solid #fff;}
.logout #btnLogout{background:url('../Images/bg_header.png') repeat;font-size: 17px!important;
        font-family: 'Muli',sans-serif;border: none;
        color: #89886a;width: 60px;padding: 2px 10px;}
        

/* BLOCK MENU LEFT */
.block h2 {color:#c8ab89;padding:5px 15px;background:#1a1a1a;font-size:20px;border-left:2px solid #fff;}
.block ul {padding:10px 0;}
.block ul li a {padding:5px 15px;color:#da9751;display:block;}
.block ul li a.current {text-decoration:underline;}
.nav-top-item ul li a {color:White}
.block ul li a:hover {text-decoration:underline;}
.block ul li ul li a {color:#c8ab89;margin:0 0 0 50px;}
.block ul li a .fa {font-size:14px;display:inline-block;text-align:right;margin-right:10px;}
/* CONTENT */
.content_right .tab-content {color:#fff;}
.content_right .Box_list_Modul {background:url('../Images/bg_header.png') repeat;width:25%;height:135px;float:left;margin:40px 0 0 44px;}
.content_right .Box_list_Modul .image { width:64px;height:64px;margin:20px 0 0 50px; }
.content_right .Box_list_Modul .item{font-size:15px; margin:15px 0 0 17px;}
.content_right .Box_list_Modul .item a {color:#d9d5df;}
.content_right .Box_list_Modul .item a:hover {color:#da9751; text-decoration:underline;}

#ContentPlaceHolder2_UpdatePanel1{background:url('../Images/bg_header.png') repeat;width: auto;height: auto;}
#ContentPlaceHolder2_UpdatePanel1 #StudentChangePass {width: 674px;height: 323px;}
#ContentPlaceHolder2_UpdatePanel1 #StudentChangePass h4 {color: #c8ab89;padding: 5px 15px;background: #1a1a1a;font-size: 20px;border-left: 2px solid #fff;}
#ContentPlaceHolder2_UpdatePanel1 #StudentUpdateInfo
#ContentPlaceHolder2_UpdatePanel1
#ContentPlaceHolder2_UpdatePanel1
#ContentPlaceHolder2_UpdatePanel1
#ContentPlaceHolder2_UpdatePanel1
.updateStudent{}

